<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../library/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../webFonts/iconfont.css">
    <link rel="stylesheet" href="./style/index.css">
    <link rel="stylesheet" href="style/toggle-button.css">
    <link rel="stylesheet" href="../library/jstree/themes/default/style.min.css">
    <link rel="stylesheet" href="style/users-manage.css">
    <title>十八度灰</title>
</head>
<body>
<article id="neutrey">
    <aside id="favor" class="opened">
        <ul>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
        </ul>
    </aside>
    <article id="main" class="opened">
        <header id="description">
            <section class="left_part">
                <figure id="logo"></figure>
                <div id="menu">
                    <div id="home"  class="category_title">
                        <span>总揽</span>
                    </div>
                    <div id="category">
                        <div class="category_title">
                            <span>功能</span>
                            <span class="icon">&#x2228;</span>
                        </div>
                        <section id="sub_menu">
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>商品</em>
                                </dt>
                                <dd>
                                    <a href="./commodity-manage.html" class="product_link_item">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-category-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品类</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./product-brand.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品牌</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./features.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品属性</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-fabric.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品面料</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./customize-generation.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>年龄段</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>店柜和员工</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./department.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>组织架构</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./users-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>用户管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./regional-division.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>区域划分</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>客户</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./customer-information.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户信息</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./complaints.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户投诉</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                        </section>
                    </div>
                </div>
            </section>
            <section class="right_part">
                <span>个人</span>
                <span>修改密码</span>
                <span>退出</span>
            </section>
        </header>
        <section id="content">
            <div id="collapse" class="opened">
                <<
            </div>
            <div class="panel_header">
                <div class="panel_header container-fluid">
                    <div class="button-group">
                        <button class="add-users-new btn btn-default">新增用户</button>
                    </div>
                    <h2>用户管理</h2>
                    <form action="" class="form-inline">
                        <div class="input-group">
                            <input type="text" class="form-control"/>
                        </div>
                        <button class="btn btn-default glyphicon glyphicon-search"></button>
                    </form>
                </div>
            </div>
            <article class="container-fluid">
                <div class="panel_title row">
                    <div class="name-account col-md-3">帐户名称</div>
                    <div class="account-login col-md-2">登录账号</div>
                    <div class="attachment-user col-md-2">绑定成员</div>
                    <div class="role-user col-md-3">所属角色</div>
                    <div class="status-user col-md-2">用户状态</div>
                </div>
                <article class="list">
                    <div class="list-item row">
                        <div class="name-account col-md-3">冯雁</div>
                        <div class="account-login col-md-2">fengyan</div>
                        <div class="attachment-user col-md-2">冯雁</div>
                        <div class="role-user col-md-3">业务管理员</div>
                        <div class="status col-sm-2">
                            <div class="switch has-switch switch-mini status-argument">
                                <div class="switch-on switch-animate">
                                    <input type="checkbox" checked name="shift_status_argument"
                                           class="shift-status-argument"/>
                                    <span class="switch-left switch-mini change-tip">启用</span>
                                    <label class="switch-small switch-mini">&nbsp;</label>
                                    <span class="switch-right switch-mini">禁用</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="list-item row">
                        <div class="name-account col-md-3">孙杨</div>
                        <div class="account-login col-md-2">sunyang</div>
                        <div class="attachment-user col-md-2">孙杨</div>
                        <div class="role-user col-md-3">业务管理员</div>
                        <div class="status col-sm-2">
                            <div class="switch has-switch switch-mini status-argument">
                                <div class="switch-on switch-animate">
                                    <input type="checkbox" checked name="shift_status_argument"
                                           class="shift-status-argument"/>
                                    <span class="switch-left switch-mini change-tip">启用</span>
                                    <label class="switch-small switch-mini">&nbsp;</label>
                                    <span class="switch-right switch-mini">禁用</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="list-item row">
                        <p class="nomore">已没有更多</p>
                    </div>
                </article>
                <div class="panel_footer row">
                    <p>共8个用户</p>
                </div>
                <!--侧滑栏-->
                <article class="aside-slider-content">
                    <h2 class="panel_header">用户所属角色<span class="iconfont cancel">&#xe616;</span></h2>
                    <article class="system-rguments-details panel_body">
                        <ul class="list-group">
                            <li class="list-group-item">
                                <div class="item-value">业务管理员</div>
                            </li>
                        </ul>
                    </article>
                    <div class="panel_footer">
                        <button class="button-change-password btn btn-default" id="button_change_password">重置密码</button>
                        <button class="button-user-modify btn btn-default" id="button_update_systemuser">编辑</button>
                        <button class="button-user-delete btn btn-default" id="button_delete_systemuser">删除</button>
                    </div>
                </article>
            </article>
        </section>
        <footer id="copyRight">
            Copyright © 2017 - 2018 neutrey.com. All Rights Reserved.
        </footer>
    </article>
    <div class="masking" style="display: none;"></div>
    <article class="modal-large container-users-new" style="display: none;">
        <div class="panel_header">
            <span>新增用户</span>
            <span class='cancel glyphicon glyphicon-remove'></span>
        </div>
        <div class="panel_body">
            <ul class="list-group">
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>账户名称</span>
                            <span class="mustRequired">*</span>
                        </label>
                        <input type="text" class="form-control" />
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>登录帐号</span>
                            <span class="mustRequired">*</span>
                        </label>
                        <input type="text" class="form-control" />
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>登录密码</span>
                            <span class="mustRequired">*</span>
                        </label>
                        <input type="password" class="form-control" />
                        <span class="iconfont alter-password-visiable">&#xe6e0;</span>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>确认密码</span>
                            <span class="mustRequired">*</span>
                        </label>
                        <input type="password" class="form-control" />
                        <span class="iconfont alter-password-visiable">&#xe6e0;</span>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>绑定用户：</span>
                        </label>
                        <button class="btn btn-default selected-contacts-user">请选择</button>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>管理范围</span>
                            <span class="mustRequired">*</span>
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="department-radio" checked id="radio_all"/>所有部门
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="department-radio" id="radio_specified"/>特定部门
                        </label>
                    </div>
                </li>
                <li class="list-group-item add-specific-department" style="display: none;">
                    <div class="selected-department-exception">
                        <button type="button" class="add-department-special btn btn-default">添加特定部门</button>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>商品品牌状态</span>
                        </label>
                        <div id="users_status">
                            <div class="switch has-switch switch-mini status-argument">
                                <div class="switch-on switch-animate">
                                    <input type="checkbox" checked name="shift_status_argument"
                                           class="shift-status-argument"/>
                                    <span class="switch-left switch-mini change-tip">启用</span>
                                    <label class="switch-small switch-mini">&nbsp;</label>
                                    <span class="switch-right switch-mini">禁用</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="list-group role-list">
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>角色</span>
                            <span class="mustRequired">：</span>
                        </label>
                    </div>
                </li>
                <li class="list-group-item">
                    <label class="checkbox-inline">
                        <input type="checkbox" />全部
                    </label>
                </li>
                <li class="list-group-item">
                    <label class="checkbox-inline">
                        <input type="checkbox" />业务管理员
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" />微信管理员
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" />客户体验
                    </label>
                </li>
            </ul>
        </div>
        <div class="panel_footer text-right">
            <button id="save_next_commodity_fabric" class="btn btn-primary">保存并添加下一个</button>
            <button id="save_commodity_category" class="btn btn-primary">保存</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
    <article class="modal-large modal-select-users" style="display: none;">
        <h2 class="panel_header">
            <button class="active" id="select-person">选择成员</button>
            <button class="" id="search-person">搜索成员</button>
            <span class="cancel glyphicon glyphicon-remove"></span>
        </h2>
        <form class="panel_body">
            <input type="text" style="display: none"/>
            <div class="selected-users" id="selected_users">
                <div class="element-members">
                    <img src="../images/userdetail.png" alt="" />
                    <p class="element-members-name" title="">白晨光</p>
                    <p class="cancel glyphicon glyphicon-remove"></p>
                </div>
            </div>
            <div class="tree-users-select" style="display: flex;">
                <aside id="tree-users-select" class="aside-nav-users-select jstree jstree-1 jstree-default"
                       role="tree" aria-multiselectable="true" tabindex="0"
                       aria-activedescendant="5b2542e7f97e4976b5478499b18b9624" aria-busy="false">
                    <ul class="jstree-container-ul jstree-children jstree-wholerow-ul jstree-no-dots" role="group">
                        <li role="treeitem" aria-selected="true" aria-level="1" aria-labelledby="1_anchor"
                            aria-expanded="true" id="1" class="jstree-node  jstree-last jstree-closed">
                            <div unselectable="on" role="presentation" class="jstree-wholerow jstree-wholerow-clicked">
                                &nbsp;</div>
                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                            <a class="jstree-anchor  jstree-clicked" href="" tabindex="-1">
                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>腾讯通开发
                            </a>
                            <ul role="group" class="jstree-children" style="">
                                <li role="treeitem" aria-selected="false" aria-level="2" 　
                                    aria-labelledby="aca047166e2748ec8e4597c4f0aceb33_anchor" aria-expanded="true"
                                    class="jstree-node jstree-closed">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="" tabindex="-1">
                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>内测体验
                                    </a>
                                    <ul role="group" class="jstree-children" style="">
                                        <li role="treeitem" aria-selected="false" aria-level="3"
                                            aria-labelledby="6958aada403e42af83a3844714078e33_anchor"
                                            class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;</div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="" tabindex="-1">
                                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>开发测试组
                                            </a>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="3"
                                            aria-labelledby="c0c5567cdf474df8b9565bd641615c10_anchor"
                                            aria-expanded="true"
                                            class="jstree-node jstree-closed">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;</div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="" tabindex="-1">
                                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>腾讯通体验组
                                            </a>
                                            <ul role="group" class="jstree-children" style="">
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="f9b7fbce6af5467aaac7312fe66f659e_anchor"
                                                    class="jstree-node  jstree-leaf">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>测试
                                                    </a>
                                                </li>
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="39faaaf1e80a4febb457ab8273f88efc_anchor"
                                                    class="jstree-node  jstree-leaf">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>前端开发
                                                    </a>
                                                </li>
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="5e96aa9daed14b39b980e0d719234fbc_anchor"
                                                    class="jstree-node  jstree-leaf">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>java开发
                                                    </a>
                                                </li>
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="11fa4f0e7a5f45cfbdc742412a622b20_anchor"
                                                    class="jstree-node  jstree-leaf jstree-last">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>PHP开发组
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="3"
                                            aria-labelledby="6e945917dc2a40e4a9f7c1a59bc68e30_anchor"
                                            class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;</div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="" tabindex="-1">
                                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>销售体验部
                                            </a>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="3"
                                            aria-labelledby="5b2542e7f97e4976b5478499b18b9624_anchor"
                                            class="jstree-node  jstree-leaf">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;</div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="" tabindex="-1">
                                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>融讯体验组
                                            </a>
                                        </li>
                                        <li role="treeitem" aria-selected="false" aria-level="3"
                                            aria-labelledby="5b306bfdd1bd4a25920e06ff1871802d_anchor"
                                            id="5b306bfdd1bd4a25920e06ff1871802d"
                                            class="jstree-node  jstree-leaf jstree-last">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;</div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="" tabindex="-1"
                                               id="5b306bfdd1bd4a25920e06ff1871802d_anchor">
                                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>感知体验组
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="2"
                                    aria-labelledby="0b8a94a19af14ba99d453457d379af37_anchor"
                                    id="0b8a94a19af14ba99d453457d379af37" class="jstree-node  jstree-leaf">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="" tabindex="-1"
                                       id="0b8a94a19af14ba99d453457d379af37_anchor">
                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>财务部
                                    </a>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="2"
                                    aria-labelledby="0a2c0b0f994248d9ba45c6b93298d16d_anchor" aria-expanded="true"
                                    id="0a2c0b0f994248d9ba45c6b93298d16d" class="jstree-node jstree-closed">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="" tabindex="-1"
                                       id="0a2c0b0f994248d9ba45c6b93298d16d_anchor">
                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>直属单位
                                    </a>
                                    <ul role="group" class="jstree-children" style="">
                                        <li role="treeitem" aria-selected="false" aria-level="3"
                                            aria-labelledby="2249dc0744ea409198b63d2e2ee2bab9_anchor"
                                            id="2249dc0744ea409198b63d2e2ee2bab9"
                                            class="jstree-node  jstree-leaf jstree-last">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;</div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href=""
                                               tabindex="-1" id="2249dc0744ea409198b63d2e2ee2bab9_anchor">
                                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>综合办
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="2"
                                    aria-labelledby="35b817e9c91049c499794db03d5546aa_anchor" aria-expanded="true"
                                    id="35b817e9c91049c499794db03d5546aa" class="jstree-node jstree-closed">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="" tabindex="-1"
                                       id="35b817e9c91049c499794db03d5546aa_anchor">
                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>二级部门
                                    </a>
                                    <ul role="group" class="jstree-children" style="">
                                        <li role="treeitem" aria-selected="false" aria-level="3"
                                            aria-labelledby="cb11a3db6ca945fda96f0d508fb307e8_anchor"
                                            id="cb11a3db6ca945fda96f0d508fb307e8"
                                            class="jstree-node  jstree-leaf jstree-last">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;</div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="" tabindex="-1"
                                               id="cb11a3db6ca945fda96f0d508fb307e8_anchor">
                                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>社团办
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="2"
                                    aria-labelledby="f4192babc967465cbd0efa5e7c838057_anchor" aria-expanded="true"
                                    id="f4192babc967465cbd0efa5e7c838057" class="jstree-node jstree-closed">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="" tabindex="-1"
                                       id="f4192babc967465cbd0efa5e7c838057_anchor">
                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>客户体验
                                    </a>
                                    <ul role="group" class="jstree-children" style="">
                                        <li role="treeitem" aria-selected="false" aria-level="3"
                                            aria-labelledby="9b691df38dc74f7e98e80c3cc9a0d12e_anchor"
                                            aria-expanded="true" id="9b691df38dc74f7e98e80c3cc9a0d12e"
                                            class="jstree-node  jstree-last jstree-closed">
                                            <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                &nbsp;</div>
                                            <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                            <a class="jstree-anchor" href="" tabindex="-1"
                                               id="9b691df38dc74f7e98e80c3cc9a0d12e_anchor">
                                                <i class="jstree-icon jstree-themeicon" role="presentation"></i>上海沁灿
                                            </a>
                                            <ul role="group" class="jstree-children" style="">
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="491877f18368460f810e6f12b6701daa_anchor"
                                                    id="491877f18368460f810e6f12b6701daa"
                                                    class="jstree-node  jstree-leaf">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1"
                                                       id="491877f18368460f810e6f12b6701daa_anchor">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>研发部
                                                    </a>
                                                </li>
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="6d7479c86be0404a87b036e5f4340329_anchor"
                                                    id="6d7479c86be0404a87b036e5f4340329"
                                                    class="jstree-node  jstree-leaf">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1"
                                                       id="6d7479c86be0404a87b036e5f4340329_anchor">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>设计部
                                                    </a>
                                                </li>
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="df4e4ff948274593bf8d90c9d11f0237_anchor"
                                                    id="df4e4ff948274593bf8d90c9d11f0237"
                                                    class="jstree-node  jstree-leaf">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1"
                                                       id="df4e4ff948274593bf8d90c9d11f0237_anchor">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>销售部
                                                    </a>
                                                </li>
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="c012cb4715a54df6a96ef85d2e1c29db_anchor"
                                                    id="c012cb4715a54df6a96ef85d2e1c29db"
                                                    class="jstree-node  jstree-leaf">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1"
                                                       id="c012cb4715a54df6a96ef85d2e1c29db_anchor">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>后勤部
                                                    </a>
                                                </li>
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="66a63536e93f469fa38fdf8ad6199bce_anchor"
                                                    id="66a63536e93f469fa38fdf8ad6199bce"
                                                    class="jstree-node  jstree-leaf">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1"
                                                       id="66a63536e93f469fa38fdf8ad6199bce_anchor">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>财务部
                                                    </a>
                                                </li>
                                                <li role="treeitem" aria-selected="false" aria-level="4"
                                                    aria-labelledby="50919d189b6e47b79ef5e563970bf2a8_anchor"
                                                    id="50919d189b6e47b79ef5e563970bf2a8"
                                                    class="jstree-node  jstree-leaf jstree-last">
                                                    <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                        &nbsp;</div>
                                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                    <a class="jstree-anchor" href="" tabindex="-1"
                                                       id="50919d189b6e47b79ef5e563970bf2a8_anchor">
                                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>人事部
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li role="treeitem" aria-selected="false" aria-level="2"
                                    aria-labelledby="3e49675ae11e419a867431a5f55c0714_anchor"
                                    id="3e49675ae11e419a867431a5f55c0714" class="jstree-node  jstree-leaf jstree-last">
                                    <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                    <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                    <a class="jstree-anchor" href="" tabindex="-1"
                                       id="3e49675ae11e419a867431a5f55c0714_anchor">
                                        <i class="jstree-icon jstree-themeicon" role="presentation"></i>test
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </aside>
                <div class="tree-users-selected list-group" id="tree-users-selected">
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_fangming" 　/>
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="方明">方明</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_fengyan"/>
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="冯雁">冯雁</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_jingguanghui" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="境光辉">境光辉</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_kongqiu" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="孔丘">孔丘</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_lier" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="李耳">李耳</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_lilong" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="李龙">李龙</p></div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_lixiaoting" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="李晓婷">李晓婷</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_liyujun" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="李玉军">李玉军</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_modi" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="墨翟">墨翟</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_siji" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="尼古拉.阿列克塞耶维奇.奥斯特洛夫斯基">尼古拉.阿列克塞耶维奇.奥斯特洛夫斯基</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected"
                                   id="sensitiveck_NikolayGavrilovichChernyshevsky" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="尼古拉·加夫里诺维奇·车尔尼雪夫斯基">尼古拉·加夫里诺维奇·车尔尼雪夫斯基</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio" name="tree-users-selected" id="sensitiveck_sima" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="司马德辉">司马德辉</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio"
                                   name="tree-users-selected" id="sensitiveck_songjian" />
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="宋建">宋建</p>
                        </div>
                    </div>
                    <div class="list-group-item">
                        <div class="label">
                            <input type="radio"
                                   name="tree-users-selected" id="sensitiveck_songjian" checked/>
                            <img src="../images/userdetail.png" />
                            <p class="element-members-name" title="白晨光">白晨光</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tree-users-select" id="tree-members-searcher" style="display: none;">
                <div class="tree-users-group" id="tree-members-group">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="请输入用户姓名/账号搜索" id="searchKeyWord"
                               style="width: 100%">
                        <div class="iconfont input-group-addon" style="cursor: pointer" id="search_user">&#xe604;</div>
                    </div>
                </div>
                <div class="tree-users-select users-select-position">
                    <div class="tree-users-selected list-group members_width" id="tree-users-search">
                        <div class="panel-body-title1">
                            <div class="name-member">姓名</div>
                            <div class="account-member">账号</div>
                            <div class="position-member">所在部门</div>
                        </div>
                        <ul class="list-group1" id="search_list">
                            <li class="list-group-item1">
                                <div class="name-member1">
                                    <div class="selected-member1">
                                        <input type="checkbox" name="checkbox-selected-member" id="ck_baichenguang">
                                    </div>
                                    <img src="">
                                    <span class="name">白辰光</span>
                                </div>
                                <div class="account-member">baichenguang</div>
                                <div class="position-member">

                                    <!--显示多个部门-->
                                    <div class="position_member_more" title="aaa">
                                        腾讯通开发组
                                    </div>
                                    <div class="position_member_more">
                                        腾讯通测试组
                                    </div>
                                </div>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </form>
        <div class="panel_footer text-right">
            <button id="selectedPersonal btn btn-default" class="btn btn-primary">确定</button>
            <button class="btn btn-default cancel">取消</button>
        </div>
    </article>
    <article class="modal-small modal-reset-password" style="display: none;">
        <h2 class="panel_header">
            重置密码
            <span class="cancel glyphicon glyphicon-remove"></span>
        </h2>
        <div class="panel_body">
            <div class="list-item">
                <div class="input-group">
                    <input type="password" class="modify-password-input" name="modify_password_input"
                           id="modify-password-input" placeholder="请输入密码"/>
                    <span class="iconfont alter-password-visiable">&#xe6e0;</span>
                </div>
            </div>
        </div>
        <div class="panel_footer text-right">
            <button class="btn btn-primary sure">确定</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
    <article class="modal-small container-delete-user" style="display: none;">
        <h2 class="panel_header">
            <span>删除系统用户确认</span>
            <span class="cancel glyphicon glyphicon-remove"></span>
        </h2>
        <div class="panel_body">
            <p class="iconfont">&#xe636;</p>
            <p>确定要删除＂xxx＂用户吗？</p>
        </div>
        <div class="panel_footer text-right">
            <button id="delete_systemuser" class="btn btn-primary">确定</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
</article>
<script src="../library/jquery-3.1.1.min.js"></script>
<script src="../library/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../scripts/index.js"></script>
<script src="../library/jstree/jstree.min.js"></script>
<script src="../scripts/users-manage.js"></script>
</body>
</html>